Introduction to Web Development using HTML 5
By: Kris Jamsa, Ph.D.

Chapter 6: Getting User Input with Forms

This chapter examines the steps you must perform to create a form within an HTML page. By the time you finish this chapter, you will understand the following key concepts:

● How to use the <form> and </form> tag pair to create a simple form
● How to direct a form to submit data
● How to integrate content within an HTML form
● How to prompt a user for a password
● How to limit the number of characters that can be entered into a field
● How to use the <textarea> and </textarea> tag pair to prompt the user for large amounts of text within a form
● How to use the <input> tag to create radio buttons that simplify selection within a form
● How to use the <input> tag to create checkboxes to allow for selecting multiple options within a form
● How to create a pull-down list
● How to reset the contents of a form
● How to create a custom button
● How to use the <label> and </label> tag pair to label input fields
● How to direct a browser to e-mail the contents of a form
● How to use hidden fields
● How to allow a user to upload a file
● How to group related input fields within a form
● How to group related items within a pull-down list

Chapter PowerPoint Presentation


SimpleForm.html
NoButtonAction.html
SubmitWithEcho.html
FavoriteFood.html
Login.html
MathLengthDemo.html
TextArea.html
SimpleForm.html
RadioButtonDemo.html
CheckBoxDemo.html
PulldownListDemo.html
ResetDemo.html
CustomButton.html
LabelDemo.html
MailtoDemo.html
HiddenField.html
FileUpload.html
FieldSetDemo.html
OptGroupDemo.html
Validate.html